<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>学生后勤报修系统</title>
    <!-- Fav  Icon Link -->
    <link rel="shortcut icon" type="image/png" th:href="@{/images/fav.png}">
    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
    <!-- themify icons CSS -->
    <link rel="stylesheet" th:href="@{/css/themify-icons.css}">
    <!-- Animations CSS -->
    <link rel="stylesheet" th:href="@{/css/animate.css}">
    <!-- Main CSS -->
    <link rel="stylesheet" th:href="@{/css/styles.css}">
    <link rel="stylesheet" th:href="@{/css/red.css}" id="style_theme">
    <link rel="stylesheet" th:href="@{/css/responsive.css}">
    <!-- morris charts -->
    <link rel="stylesheet" th:href="@{/charts/css/morris.css}">
    <!-- jvectormap -->
    <link rel="stylesheet" th:href="@{/css/jquery-jvectormap.css}">

    <script th:src="@{/js/modernizr.min.js}"></script>
</head>

<body>
<!-- Pre Loader -->
<div class="loading" style="display: none;">
    <div class="spinner">
        <div class="double-bounce1"></div>
        <div class="double-bounce2"></div>
    </div>
</div>
<!--/Pre Loader -->
<!-- Color Changer -->
<div class="theme-settings" id="switcher">
		<span class="theme-click">
			<span class="ti-settings"></span>
		</span>
    <span class="theme-color theme-default theme-active" data-color="red"></span>
    <span class="theme-color theme-blue" data-color="blue"></span>
    <span class="theme-color theme-red" data-color="red"></span>
    <span class="theme-color theme-violet" data-color="violet"></span>
    <span class="theme-color theme-yellow" data-color="yellow"></span>
</div>
<!-- /Color Changer -->
<div class="wrapper">
    <!-- Page Content -->
    <div id="content">
        <!-- Top Navigation -->
        <div class="container top-brand">
            <nav class="navbar navbar-default">
                <div class="navbar-header">
                    <div class="sidebar-header"> <a href="/index.html"><img src="/images/logo-dark.png" class="logo" alt="logo"></a>
                    </div>
                </div>
                <ul class="nav justify-content-end">



                    <li class="nav-item">
                        <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="/#" role="button" aria-haspopup="true" aria-expanded="false">
                            <span class="ti-user"></span>
                        </a>
                        <div class="dropdown-menu lochana-box-shadow2 profile animated flipInY">
                            <h5>John Willing</h5>


                            <a class="dropdown-item" href="/#">
                                <span class="ti-power-off"></span> 退出登录</a>
                        </div>
                    </li>
                </ul>

            </nav>
        </div>
        <!-- /Top Navigation -->
        <!-- Menu -->
        <div th:replace="common::#repman-Menu"></div>
        <!-- /Menu -->
        <!-- Breadcrumb -->
        <!-- Page Title -->
        <div class="container mt-0 ">
            <div class="row breadcrumb-bar" style="background: linear-gradient(to left, #fff, #fff)">
                <div class="col-md-6">
                    <h3 class="block-title">公告</h3>
                </div>
            </div>
        </div>
        <!-- /Page Title -->
        <!-- /Breadcrumb -->
        <!-- Main Content -->
        <div class="container home">
            <div class="row">
                <!-- Item -->
                <div class="widget-area-2 lochana-box-shadow">
                    <!-- Item -->
                    <h3 class="widget-title"></h3>
                    <div class="lochana-widget mb-3">
                        <div id="accordion_light">
                            <div class="card">
                                <div class="accordion-header" id="heading1">
                                    <h5 class="mb-0 collapsed" data-toggle="collapse" data-target="#collapse1" aria-expanded="false" aria-controls="collapse1">
                                        公告
                                    </h5>
                                </div>

                                <div id="collapse1" class="collapse" aria-labelledby="heading1" data-parent="#accordion_light" style="">
                                    <div class="card-body">
                                        <small>
                                            <ul>
                                                <li th:each="notice:${notices}">
                                                    <p th:text="${notice.getNoticeDetails()}"></p>
                                                </li>
                                            </ul>
                                        </small>
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="accordion-header" id="heading2">
                                    <h5 class="mb-0 collapsed" data-toggle="collapse" data-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
                                        当晚执勤维修工
                                    </h5>
                                </div>
                                <div class="col-md-12">
                                    <div class="widget-area-2 lochana-box-shadow">
                                        <h3 class="widget-title">维修工详情</h3>
                                        <div class="row no-mp">
                                            <div class="col-md-4">
                                                <div class="card mb-4" style="overflow-x: hidden">
                                                    <!-- 头像 -->
                                                    <img th:src="${todayRepairman.repairmanPhoto}" alt="Card image" style="width:150px;height: 200px;clear: both">
                                                </div>
                                            </div>
                                            <div class="col-md-8" style="float: 0px">
                                                <div class="table-responsive">
                                                    <table class="table table-bordered table-striped">
                                                        <tbody>
                                                        <tr>
                                                            <td ><strong>姓名</strong></td>
                                                            <td th:text="${todayRepairman.repairmanName}">张三</td>
                                                        </tr>
                                                        <tr>
                                                            <td><strong>电话</strong></td>
                                                            <td th:text="${todayRepairman.getRepairmanTelephone()}"></td>
                                                        </tr>
                                                        <tr>
                                                            <td><strong>维修数量</strong></td>
                                                            <td th:text="${todayRepairman.repairCount}"></td>
                                                        </tr>
                                                        </tbody>
                                                    </table>


                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /Item -->
                </div>
                <!-- Widget Item -->
                <div class="container home">
                    <div class="row">
                        <!-- Widget Item -->
                        <div class="col-md-4">
                            <div class="widget-area lochana-box-shadow color-red">
                                <div class="widget-left">
                                    <span class="ti-bar-chart"></span>
                                </div>
                                <div class="widget-right">
                                    <h4 class="wiget-title">总量</h4>
                                    <span class="numeric color-red">[[${all}]]</span>
                                    <p class="inc-dec mb-0"><span class="ti-angle-up"></span> +20% 增长</p>
                                </div>
                            </div>
                        </div>
                        <!-- /Widget Item -->
                        <!-- Widget Item -->
                        <div class="col-md-4">
                            <div class="widget-area lochana-box-shadow color-green">
                                <div class="widget-left">
                                    <span class="ti-hummer"></span>
                                </div>
                                <div class="widget-right">
                                    <h4 class="wiget-title">待修</h4>
                                    <span class="numeric color-green">[[${undeal}]]</span>
                                    <p class="inc-dec mb-0"><span class="ti-angle-down"></span> -15% 减少</p>
                                </div>
                            </div>
                        </div>
                        <!-- /Widget Item -->
                        <!-- Widget Item -->
                        <div class="col-md-4">
                            <div class="widget-area lochana-box-shadow color-yellow">
                                <div class="widget-left">
                                    <span class="ti-check"></span>
                                </div>
                                <div class="widget-right">
                                    <h4 class="wiget-title">已修</h4>
                                    <span class="numeric color-yellow">[[${undeal}]]</span>
                                    <p class="inc-dec mb-0"><span class="ti-angle-up"></span> +10% 增长</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /Widget Item -->
                </div>
                <!-- /Widget Item -->
                <!-- Widget Item -->
                <div class="row">
                    <!-- Widget Item -->
                    <div class="col-md-12">
                        <div class="widget-area-2 lochana-box-shadow">
                            <h3 class="widget-title">报修需知</h3>
                            <div class="table-responsive">
                                <p>一、为了保障您的维修能正常进行，请您在报修时填写真实的资料，以便我们和您联系。

                                    二、报修时如果为多个项目，请分别填写报修件，方便我们对维修进行合理的安排。

                                    三、收到您的信息后我们的工作人员会根据具体情况及时安排维修，并以最快的速度帮您解决问题，希望您填写信息时务必保证信息的准确性，以便提高工作效率，感谢支持。
                                </p>
                            </div>
                        </div>
                    </div>
                    <!-- /Widget Item -->

                    <!-- Widget Item -->

                    <!-- /Widget Item -->
                    <!-- Widget Item -->

                    <!-- /Widget Item -->
                    <!-- Widget Item -->

                    <!-- /Widget Item -->
                </div>



                <div class="row">
                    <!-- Widget Item -->
                    <div class="col-md-12">

                    </div>
                    <!-- /Widget Item -->
                </div>


            </div>
            <!-- /Main Content -->
            <!--Copy Rights-->
            <div class="container">
                <div class="d-sm-flex justify-content-center">
                    <span class="text-muted text-center d-block d-sm-inline-block">Copyright © 2021 <a href="/#" target="_blank">konnectcode</a>. All rights reserved.</span>
                </div>
            </div>
            <!-- /Copy Rights-->
        </div>
        <!-- /Page Content -->
    </div>
    <!-- Back to Top -->
    <a id="back-to-top" href="/#" class="back-to-top" style="display: inline;">
        <span class="ti-angle-up"></span>
    </a>
    <!-- /Back to Top -->
    <!-- Jquery Library-->
    <script src="/js/jquery-3.2.1.min.js"></script>
    <!-- Popper Library-->
    <script src="/js/popper.min.js"></script>
    <!-- Bootstrap Library-->
    <script src="/js/bootstrap.min.js"></script>
    <!-- morris charts -->
    <script src="/charts/js/raphael-min.js"></script>
    <script src="/charts/js/morris.min.js"></script>
    <script src="/js/custom-morris.js"></script>

    <!-- Custom Script-->
    <script src="/js/custom.js"></script>

</div>
</body>

</html>